<template>
	<div class="layout-form fixed-layout case-detail">
		<div class="fixed-section">
			<div class="title">
				<em v-if="caseDetail.caseInfo.caseCode">编号：{{caseDetail.caseInfo.caseCode}}</em>
				<span v-if="caseDetail.caseInfo.caseTypeName" class="type" :class="['type-'+caseDetail.caseInfo.caseType]">{{caseDetail.caseInfo.caseTypeName}}</span>
			</div>
			<!-- <button v-if="caseDetail.caseInfo.caseUserId == userInfo.id&&caseDetail.caseInfo.caseStatus == 1&&caseDetail.caseInfo.caseType == 1&&isCaseUpdate"
			 @click="editCaseInfoVo(1)">保存</button> -->
			<button class="btn-cancel" @click="goBack">返回</button>
		</div>
		<div class="tab">
			<div class="tab-title">
				<div class="tab-item" :class="{'tab-active':tabIndex==0}" @click="tabClick(0)">案件线索</div>
				<div class="tab-item" :class="{'tab-active':tabIndex==1}" @click="tabClick(1)">线索轨迹</div>
			</div>
			<div class="tab-content section-form">
				<div class="tab-list" :class="{'tab-active':tabIndex==0}">
					<el-form :inline="true" :model="caseDetail">
						<div class="section">
							<div class="panel-title">
								<span class="title">客户信息</span>
							</div>
							<div class="panel-content">
								<template v-for="(item,index) in caseDetail.customer">
									<div class="panel-list">
										<div class="pos-left">
											<span class="count">{{(index+1)}}</span>
										</div>
										<el-form-item label="借款合同" prop="reflectName">
											<el-input v-model="item.reflectName" disabled></el-input>
										</el-form-item>
										<el-form-item label="信审合同" prop="reflectSex">
											<el-input v-model="item.reflectSex" disabled></el-input>
										</el-form-item>
										<el-form-item label="客户姓名" prop="reflectName">
											<el-input v-model="item.reflectName" disabled></el-input>
										</el-form-item>
										<el-form-item label="客户电话" prop="reflectPhone">
											<el-input v-model="item.reflectPhone" disabled></el-input>
										</el-form-item>
										<el-form-item label="客户身份证号" prop="reflectIdentity">
											<el-input v-model="item.reflectIdentity" disabled></el-input>
										</el-form-item>
										<el-form-item label="授信时间" prop="creditDate">
											<el-input v-model="item.creditDate" disabled></el-input>
										</el-form-item>
										<el-form-item label="授信金额" prop="creditMoney">
											<el-input v-model="item.creditMoney" disabled></el-input>
										</el-form-item>
										<el-form-item label="借款时间" prop="borrowDate">
											<el-input v-model="item.borrowDate" disabled></el-input>
										</el-form-item>
										<el-form-item label="借款金额" prop="borrowMoney">
											<el-input v-model="item.borrowMoney" disabled></el-input>
										</el-form-item>
										<el-form-item label="客户经理是否变动" prop="managerChange">
											<el-input v-model="item.managerChange" disabled></el-input>
										</el-form-item>
										<el-form-item label="当前客户经理" prop="customerManager">
											<el-input v-model="item.customerManager" disabled></el-input>
										</el-form-item>
										<el-form-item label="当前客户经理电话" prop="customerManagerPhone">
											<el-input v-model="item.customerManagerPhone" disabled></el-input>
										</el-form-item>
										<el-form-item label="历史客户经理" prop="historycustomerManager">
											<el-input v-model="item.historycustomerManager" disabled></el-input>
										</el-form-item>
										<el-form-item label="所属营业部" prop="salesDeptCode">
											<el-input v-model="item.salesDeptCode" disabled></el-input>
										</el-form-item>
										<el-form-item label="商户id" prop="reflectId1">
											<el-input v-model="item.reflectId1" disabled></el-input>
										</el-form-item>
										<el-form-item label="商户名称" prop="reflectName1">
											<el-input v-model="item.reflectName1" disabled></el-input>
										</el-form-item>
									</div>
								</template>
							</div>
						</div>
						<div class="section">
							<div class="panel-title">
								<span class="title">举报人信息</span>
							</div>
							<div class="panel-content">
								<el-form-item label="举报人姓名" prop="reflectName">
									<el-input v-model="caseDetail.caseInformer.reflectName" disabled></el-input>
								</el-form-item>
								<el-form-item label="举报人电话" prop="reflectPhone">
									<el-input v-model="caseDetail.caseInformer.reflectPhone" disabled></el-input>
								</el-form-item>
								<el-form-item class="form-block" label="备注" prop="remark">
									<el-input type="textarea" v-model="caseDetail.caseInformer.remark" disabled></el-input>
								</el-form-item>
							</div>
						</div>
						<div class="section">
							<div class="panel-title">
								<span class="title">被举报人信息</span>
							</div>
							<div class="panel-content table-tool">
								<el-table :data="caseDetail.caseBeReported" border style="width: 100%">
									<el-table-column label="序号" width="50">
										<template slot-scope="scope">
											<div class="count">{{(scope.$index+1)}}</div>
										</template>
									</el-table-column>
									<el-table-column label="被举报人姓名" prop="beReportedName"></el-table-column>
									<el-table-column label="被举报人手机" prop="beReportedPhone"></el-table-column>
									<el-table-column label="被举报人身份证" prop="beReportedIdentity"></el-table-column>
									<el-table-column label="被举报人所属公司" prop="beReportedOrg"></el-table-column>
									<el-table-column label="被举报人所属部门" prop="beReportedDept"></el-table-column>
									<el-table-column label="被举报人所属营业部" prop="beReportedBusiness"></el-table-column>
								</el-table>
							</div>
						</div>
						<div class="section">
							<div class="panel-title">
								<span class="title">其它信息</span>
							</div>
							<div class="panel-content">
								<el-form-item label="来源渠道" prop="source">
									<el-input v-model="caseDetail.caseInfo.source" disabled></el-input>
								</el-form-item>
								<el-form-item label="产品类型" prop="product">
									<el-input v-model="caseDetail.caseInfo.product" disabled></el-input>
								</el-form-item>
								<el-form-item label="线索获取日期" prop="clueDate">
									<el-input v-model="caseDetail.caseInfo.clueDate" disabled></el-input>
								</el-form-item>
								<el-form-item class="form-block" label="反馈详情" prop="reflectContent">
									<el-input type="textarea" v-model="caseDetail.caseInfo.reflectContent" disabled></el-input>
								</el-form-item>
								<el-form-item class="form-block" label="备注" prop="remark">
									<el-input type="textarea" v-model="caseDetail.caseInfo.remark" disabled></el-input>
								</el-form-item>
								<el-form-item class="form-block" label="举证资料">
									<el-table :data="caseDetail.evidenceList" border style="width: 100%">
										<el-table-column fixed="right" label="操作" width="108">
											<template slot-scope="scope">
												<a v-if="scope.row.fileUrl" :href="scope.row.fileUrl" :download="scope.row.fileName">下载</a>
												<a class="disable">删除</a>
											</template>
										</el-table-column>
										<el-table-column label="序号" width="50">
											<template slot-scope="scope">
												<div class="count">{{(scope.$index+1)}}</div>
											</template>
										</el-table-column>
										<el-table-column label="上传时间" width="155" prop="cdate"></el-table-column>
										<el-table-column label="文件名称" prop="fileName"></el-table-column>
										<el-table-column label="备注" prop="remark"></el-table-column>
									</el-table>
								</el-form-item>
							</div>
						</div>
					</el-form>
					<div class="section" v-if="caseDetail.caseInfo.caseType!=1">
						<div class="panel-title">
							<span class="title">报告</span>
						</div>
						<div class="panel-content panel-table">
							<div class="section-tool" v-if="caseDetail.caseInfo.caseUserId == userInfo.id && caseStatus&&isCaseUpdate">
								<button @click.prevent="showInfoLayer('caseReports')">添加</button>
								<!-- <button v-else class="btn-disable">添加</button> -->
							</div>
							<el-table ref="multipleTable" border :data="report.data" tooltip-effect="dark">
								<el-table-column fixed label="操作" width="108">
									<template slot-scope="scope">
										<!-- <a v-if="scope.row.fileUrl" @click="downloadFile(scope.row.fileUrl)">下载</a> -->
										<a v-if="scope.row.fileUrl" :href="scope.row.fileUrl" :download="scope.row.fileName">下载</a>
										<a v-if="userInfo.id == scope.row.userId && caseStatus&&isCaseUpdate" href="javascript:;" @click="delReport(scope.row.id)">删除</a>
										<a v-else class="disable">删除</a>
									</template>
								</el-table-column>
								<el-table-column prop="creator" label="操作人" width="150"></el-table-column>
								<el-table-column label="添加时间" width="160">
									<template slot-scope="scope">{{ dateFilter(scope.row.cdate) }}</template>
								</el-table-column>
								<el-table-column prop="remark" label="备注"></el-table-column>
								<el-table-column prop="fileName" label="文件名称"></el-table-column>
							</el-table>
							<el-pagination v-if="report.total" @size-change="reportSizeChange" @current-change="reportCurrentChange" :currentPage="report.filter.pageBean.pageIndex"
							 :total="report.total" :page-sizes="[10, 20, 30, 40]" layout="total, sizes, prev, pager, next, jumper">
							</el-pagination>
						</div>
					</div>
				</div>
				<div class="tab-list" :class="{'tab-active':tabIndex==1}">
					<div class="step-content" v-if="track.data.length > 0">
						<div class="step-item" v-for="item in track.data" v-if="item.cdate">
							<span class="step-date">{{dateFilter(item.cdate).split(' ')[0]}}</span>
							<span class="step-week">{{getDayFilter(item.cdate)}}</span>
							<span class="step-time">{{dateFilter(item.cdate).split(' ')[1]}}</span>
							<span class="step-con">
								<div class="con-item" v-if="item.content">{{item.content}}</div>
								<div class="con-item">{{item.remark}}</div>
							</span>
						</div>
					</div>
					<el-pagination @size-change="trackSizeChange" @current-change="trackCurrentChange" :currentPage="track.filter.pageBean.pageIndex"
					 :total="track.total" :page-sizes="[10, 20, 30, 40]" layout="total, sizes, prev, pager, next, jumper">
					</el-pagination>
				</div>
			</div>
			<div class="tab-other">
				<!-- v-if="caseDetail.caseInfo.caseType==1" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">回访组回访记录</span>
					</div>
					<div class="panel-content">
						<el-form :inline="true" :model="visitRecord">
							<el-form-item label="案件编号" prop="caseCode">
								<el-input v-model="visitRecord.caseCode" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="案件类型" prop="caseType">
								<el-input v-model="visitRecord.caseType" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="调查时间" prop="creditDate">
								<el-date-picker v-model="visitRecord.creditDate" value-format="yyyy-MM-dd" type="date" placeholder="请选择...">
								</el-date-picker>
							</el-form-item>
							<el-form-item label="客户联系状态" prop="managerChange">
								<el-select v-model="visitRecord.managerChange" placeholder="请选择...">
									<el-option label="空号" value="1"></el-option>
									<el-option label="停机" value="2"></el-option>
									<el-option label="非本人使用" value="3"></el-option>
									<el-option label="暂时无法联系" value="4"></el-option>
									<el-option label="正常接通" value="5"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="了解达飞贷款的渠道" prop="caseType1">
								<el-input v-model="visitRecord.caseType1" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="介绍人姓名" prop="caseType2">
								<el-input v-model="visitRecord.caseType2" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="介绍人电话" prop="caseType3">
								<el-input v-model="visitRecord.caseType3" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="账号是否本人使用" prop="managerChange1">
								<el-select v-model="visitRecord.managerChange1" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="实际账号使用人" prop="managerChange2">
								<el-select v-model="visitRecord.managerChange2" placeholder="请选择...">
									<el-option label="中介" value="1"></el-option>
									<el-option label="业务员" value="2"></el-option>
									<el-option label="亲戚朋友" value="3"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="实际使用人姓名" prop="caseType4">
								<el-input v-model="visitRecord.caseType4" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="实际使用人联系方式" prop="caseType5">
								<el-input v-model="visitRecord.caseType5" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="是否本人持有银行卡" prop="managerChange3">
								<el-select v-model="visitRecord.managerChange3" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="PS原因" prop="caseType6">
								<el-input v-model="visitRecord.caseType6" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="ps照片提供方" prop="managerChange4">
								<el-select v-model="visitRecord.managerChange4" placeholder="请选择...">
									<el-option label="客户" value="1"></el-option>
									<el-option label="中介" value="2"></el-option>
									<el-option label="业务员" value="3"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="是否被收费" prop="managerChange5">
								<el-select v-model="visitRecord.managerChange5" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="违规收费人员" prop="managerChange6">
								<el-select v-model="visitRecord.managerChange6" placeholder="请选择...">
									<el-option label="中介" value="1"></el-option>
									<el-option label="业务员" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="收费人员姓名" prop="caseType7">
								<el-input v-model="visitRecord.caseType7" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="收费人员电话" prop="caseType8">
								<el-input v-model="visitRecord.caseType8" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="是否有转账记录" prop="managerChange7">
								<el-select v-model="visitRecord.managerChange7" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="转账方是否我司业务员" prop="managerChange8">
								<el-select v-model="visitRecord.managerChange8" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
									<el-option label="无法确定" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="系统单位号码反查结果" prop="caseType8">
								<el-input v-model="visitRecord.caseType8" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="网查单位电话号码" prop="caseType9">
								<el-input v-model="visitRecord.caseType9" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="电核工作单位是否真实" prop="managerChange9">
								<el-select v-model="visitRecord.managerChange9" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
									<el-option label="无法确定" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="借款用途" prop="caseType10">
								<el-input v-model="visitRecord.caseType10" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="逾期原因" prop="caseType11">
								<el-input v-model="visitRecord.caseType11" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="实际借款用途" prop="caseType12">
								<el-input v-model="visitRecord.caseType12" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="未填写实际借款用途原因" prop="caseType13">
								<el-input v-model="visitRecord.caseType13" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="客户是否知晓自己申请达飞云贷" prop="managerChange10">
								<el-select v-model="visitRecord.managerChange9" placeholder="请选择...">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="0"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="结果类型" prop="managerChange10">
								<el-select v-model="visitRecord.managerChange9" placeholder="请选择...">
									<el-option label="排除风险" value="1"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="form-block" label="调查结果说明" prop="remark">
								<el-input type="textarea" v-model="visitRecord.remark" placeholder="请输入..."></el-input>
							</el-form-item>
						</el-form>
					</div>
				</div>
				<div class="section">
					<div class="panel-title">
						<span class="title">专项组操作记录</span>
					</div>
					<div class="panel-content panel-table">
						<el-table border :data="proposalTableData.data">
							<el-table-column label="序号" width="50">
								<template slot-scope="scope">
									<div class="count">{{(scope.$index+1)}}</div>
								</template>
							</el-table-column>
							<el-table-column label="记录人" prop="creator"></el-table-column>
							<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
							<el-table-column label="风险类别" prop="riskCategoryName" width="180"></el-table-column>
							<el-table-column label="风险类型" prop="riskTypeName" width="180"></el-table-column>
							<el-table-column label="风险等级" prop="riskLevelName" width="100"></el-table-column>
							<el-table-column label="处理时长" prop="riskDisposeDateName" width="130"></el-table-column>
							<el-table-column label="调查结果" prop="riskDetailsName"></el-table-column>
							<el-table-column label="查案方向" prop="riskDetailsName1"></el-table-column>
						</el-table>
						<el-pagination v-if="proposalTableData.total" :current-page="proposalTableData.index" :page-sizes="[proposalTableData.sizes,proposalTableData.sizes*2, proposalTableData.sizes*3, proposalTableData.sizes*4]"
						 :page-size="proposalTableData.size" :total="proposalTableData.total" layout="total, sizes, prev, pager, next, jumper"
						 @size-change="proposalTableSizeChange" @current-change="getProposalData">
						</el-pagination>
					</div>
				</div>
				<!-- v-if="caseDetail.caseInfo.caseType==2" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">案件调查记录</span>
						<!-- v-if="caseDetail.caseInfo.caseUserId == userInfo.id && caseStatus&&isCaseUpdate" -->
						<div class="title-right">
							<a class="btn" @click="showInvestigateLayer">新增</a>
						</div>
					</div>
					<div class="panel-content panel-table">
						<el-table border :data="investigateRecord.list">
							<el-table-column fixed="right" label="操作" width="108">
								<template slot-scope="scope">
									<!-- <a v-if="scope.row.fileUrl" :href="scope.row.fileUrl" :download="scope.row.fileName">下载</a> -->
									<a @click="deleteInvestigateRecord(scope.$index)">删除</a>
								</template>
							</el-table-column>
							<el-table-column label="序号" width="50">
								<template slot-scope="scope">
									<div class="count">{{(scope.$index+1)}}</div>
								</template>
							</el-table-column>
							<el-table-column label="记录人" prop="creator"></el-table-column>
							<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
							<el-table-column label="主题" prop="theme"></el-table-column>
							<el-table-column label="时间" prop="time"></el-table-column>
							<el-table-column label="详情" prop="remark"></el-table-column>
							<el-table-column label="附件" prop="fileName"></el-table-column>
						</el-table>
						<el-pagination v-if="record.total" @size-change="recordSizeChange" @current-change="recordCurrentChange" :currentPage="record.filter.pageBean.pageIndex"
						 :total="record.total" :page-sizes="[10, 20, 30, 40]" layout="total, sizes, prev, pager, next, jumper">
						</el-pagination>
					</div>
				</div>

				<!-- v-if="caseDetail.caseInfo.caseType==3" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">案件基本情况</span>
					</div>
					<div class="panel-content">
						<el-form :inline="true" :model="caseSituation">
							<el-form-item label="案件名称" prop="caseName">
								<el-input v-model="caseSituation.caseName" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="业管大区" prop="caseType">
								<el-input v-model="caseSituation.caseType" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="业管区域" prop="caseType1">
								<el-input v-model="caseSituation.caseType1" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="承办分部" prop="caseType2">
								<el-input v-model="caseSituation.caseType2" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="承办分部负责人" prop="caseType1">
								<el-input v-model="caseSituation.caseType1" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="证人姓名" prop="caseType2">
								<el-input v-model="caseSituation.caseType2" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item label="涉案金额" prop="caseType3">
								<el-input v-model="caseSituation.caseType3" placeholder="请输入..."></el-input>
							</el-form-item>
							<el-form-item class="form-block" label="办案人员">
								<div class="table-tool investigator-table">
									<el-table :data="caseInvestigators" border style="width: 100%">
										<el-table-column fixed="right" label="操作" width="60">
											<template slot-scope="scope">
												<a @click="deleteInvestigator(scope.$index)">删除</a>
											</template>
										</el-table-column>
										<el-table-column label="序号" width="50">
											<template slot-scope="scope">
												<div class="count">{{(scope.$index+1)}}</div>
											</template>
										</el-table-column>
										<el-table-column label="记录人" prop="creator"></el-table-column>
										<el-table-column label="记录时间" prop="cdate"></el-table-column>
										<el-table-column label="办案人姓名">
											<template slot-scope="scope">
												<el-input v-model="scope.row.name" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
									</el-table>
									<div class="table-footer">
										<a class="add" @click="addInvestigator">+ 新增一条</a>
									</div>
								</div>
							</el-form-item>
							<el-form-item class="form-block" label="涉案人员">
								<div class="table-tool involved-table">
									<el-table :data="peopleInvolved" border style="width: 100%">
										<el-table-column fixed="right" label="操作" width="60">
											<template slot-scope="scope">
												<a @click="deleteInvolved(scope.$index)">删除</a>
											</template>
										</el-table-column>
										<el-table-column label="序号" width="50">
											<template slot-scope="scope">
												<div class="count">{{(scope.$index+1)}}</div>
											</template>
										</el-table-column>
										<el-table-column label="记录人" prop="creator"></el-table-column>
										<el-table-column label="记录时间" prop="cdate"></el-table-column>
										<el-table-column label="涉案员工姓名">
											<template slot-scope="scope">
												<el-input v-model="scope.row.name" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="涉案员工编号">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
									</el-table>
									<div class="table-footer">
										<a class="add" @click="addInvolved">+ 新增一条</a>
									</div>
								</div>
							</el-form-item>
							<el-form-item class="form-block" label="受害人员">
								<div class="table-tool victim-table">
									<el-table :data="victims" border style="width: 100%">
										<el-table-column fixed="right" label="操作" width="60">
											<template slot-scope="scope">
												<a @click="deleteVictim(scope.$index)">删除</a>
											</template>
										</el-table-column>
										<el-table-column label="序号" width="50">
											<template slot-scope="scope">
												<div class="count">{{(scope.$index+1)}}</div>
											</template>
										</el-table-column>
										<el-table-column label="记录人" prop="creator"></el-table-column>
										<el-table-column label="记录时间" prop="cdate"></el-table-column>
										<el-table-column label="受害人姓名">
											<template slot-scope="scope">
												<el-input v-model="scope.row.name" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="受害人所属营业部">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="受害人电话">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No1" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="受害人身份证号">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No2" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="受害人住址">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No3" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
									</el-table>
									<div class="table-footer">
										<a class="add" @click="addVictim">+ 新增一条</a>
									</div>
								</div>
							</el-form-item>
							<el-form-item class="form-block" label="嫌疑人员">
								<div class="table-tool suspect-table">
									<el-table :data="suspects" border style="width: 100%">
										<el-table-column fixed="right" label="操作" width="60">
											<template slot-scope="scope">
												<a @click="deleteSuspect(scope.$index)">删除</a>
											</template>
										</el-table-column>
										<el-table-column label="序号" width="50">
											<template slot-scope="scope">
												<div class="count">{{(scope.$index+1)}}</div>
											</template>
										</el-table-column>
										<el-table-column label="记录人" prop="creator"></el-table-column>
										<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
										<el-table-column label="嫌疑人姓名">
											<template slot-scope="scope">
												<el-input v-model="scope.row.name" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人所属营业部">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人是否公司职员" width="148">
											<template slot-scope="scope">
												<el-select v-model="scope.row.managerChange" placeholder="请选择...">
													<el-option label="是" value="1"></el-option>
													<el-option label="否" value="0"></el-option>
													<el-option label="无法确定" value="2"></el-option>
												</el-select>
											</template>
										</el-table-column>
										<el-table-column label=" 嫌疑人属性">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No2" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人职级">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No3" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人电话">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No4" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人身份证号">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No5" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
										<el-table-column label="嫌疑人住址">
											<template slot-scope="scope">
												<el-input v-model="scope.row.No6" placeholder="请输入..."></el-input>
											</template>
										</el-table-column>
									</el-table>
									<div class="table-footer">
										<a class="add" @click="addSuspect">+ 新增一条</a>
									</div>
								</div>
							</el-form-item>
							<el-form-item class="form-block" label="案件简介" prop="remark">
								<el-input type="textarea" v-model="caseSituation.remark" placeholder="请输入..."></el-input>
							</el-form-item>
						</el-form>
					</div>
				</div>
				<!-- v-if="caseDetail.caseInfo.caseType==3" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">案卡维度</span>
						<div class="title-right">
							<a class="btn" @click="showCaseCardDimensionLayer">新增</a>
						</div>
					</div>
					<div class="panel-content panel-table">
						<el-table border :data="caseCardDimension.list">
							<el-table-column fixed="right" label="操作" width="108">
								<template slot-scope="scope">
									<a v-if="scope.row.fileUrl" :href="scope.row.fileUrl" :download="scope.row.fileName">下载</a>
									<a @click="deleteCaseCardDimension(scope.$index)">删除</a>
								</template>
							</el-table-column>
							<el-table-column label="序号" width="50">
								<template slot-scope="scope">
									<div class="count">{{(scope.$index+1)}}</div>
								</template>
							</el-table-column>
							<el-table-column label="记录人" prop="creator"></el-table-column>
							<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
							<el-table-column label="机关" prop="organ"></el-table-column>
							<el-table-column label="机关名称" prop="organName"></el-table-column>
							<el-table-column label="办案人职属" prop="caseJob"></el-table-column>
							<el-table-column label="办案职属人姓名" prop="caseJobName"></el-table-column>
							<el-table-column label="办案职属人电话" prop="casePhone"></el-table-column>
							<el-table-column label="刑事案件阶段" prop="stage"></el-table-column>
							<el-table-column label="时间" prop="time"></el-table-column>
							<el-table-column label="备注" prop="remark"></el-table-column>
							<el-table-column label="附件" prop="fileName"></el-table-column>
						</el-table>
					</div>
				</div>
				<!-- v-if="caseDetail.caseInfo.caseType==3" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">案卷维度</span>
						<div class="title-right">
							<a class="btn" @click="showCaseDimensionLayer">新增</a>
						</div>
					</div>
					<div class="panel-content panel-table">
						<el-table border :data="caseDimension.list">
							<el-table-column fixed="right" label="操作" width="108">
								<template slot-scope="scope">
									<!-- <a v-if="scope.row.fileUrl" :href="scope.row.fileUrl" :download="scope.row.fileName">下载</a> -->
									<a @click="deleteCaseDimension(scope.$index)">删除</a>
								</template>
							</el-table-column>
							<el-table-column label="序号" width="50">
								<template slot-scope="scope">
									<div class="count">{{(scope.$index+1)}}</div>
								</template>
							</el-table-column>
							<el-table-column label="记录人" prop="creator"></el-table-column>
							<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
							<el-table-column label="证据类型" prop="evidenceType"></el-table-column>
							<el-table-column label="文件类型" prop="fileType"></el-table-column>
							<el-table-column label="备注" prop="remark"></el-table-column>
							<el-table-column label="附件" prop="fileName"></el-table-column>
						</el-table>
					</div>
				</div>
				<!-- v-if="caseDetail.caseInfo.caseType==3" -->
				<div class="section">
					<div class="panel-title">
						<span class="title">结案信息</span>
					</div>
					<div class="panel-content panel-table">
						<el-table border :data="preliminaryTableData.data">
							<el-table-column label="序号" width="50">
								<template slot-scope="scope">
									<div class="count">{{(scope.$index+1)}}</div>
								</template>
							</el-table-column>
							<el-table-column label="记录人" prop="creator" width="100"></el-table-column>
							<el-table-column label="记录时间" prop="cdate" width="155"></el-table-column>
							<el-table-column label="风险类别" prop="riskCategoryName" width="180"></el-table-column>
							<el-table-column label="风险类型" prop="riskTypeName" width="180"></el-table-column>
							<el-table-column label="风险等级" prop="riskLevelName" width="100"></el-table-column>
							<el-table-column label="详情描述" prop="riskDetailsName"></el-table-column>
							<el-table-column label="欺诈手段" prop="riskDetailsName"></el-table-column>
						</el-table>
					</div>
				</div>
			</div>
		</div>
		<!-- 案件调查记录 -->
		<layer :data="investigateRecord.layer" @on-ok="addInvestigateRecord">
			<el-form :model="investigateRecord.form">
				<el-form-item label="主题" prop="theme">
					<el-select v-model="investigateRecord.form.theme" placeholder="请选择...">
						<el-option label="案件调查" value="1"></el-option>
						<el-option label="案件撤销" value="2"></el-option>
						<el-option label="证据收集" value="3"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="时间" prop="time">
					<el-date-picker v-model="investigateRecord.form.time" value-format="yyyy-MM-dd" type="date" placeholder="请选择...">
					</el-date-picker>
				</el-form-item>
				<el-form-item label="详情" prop="remark">
					<el-input type="textarea" v-model="investigateRecord.form.remark" placeholder="请输入..."></el-input>
				</el-form-item>
			</el-form>
			<div class="el-form-item form-upload">
				<label class="el-form-item__label"></label>
				<div class="el-form-item__content">
					<el-upload class="upload-demo" :action="uploadData.url" :before-upload="beforeUploadFile" :on-success="uploadFileSuccess"
					 :on-remove="removeFileList" :file-list="uploadData.fileList" :limit="uploadData.limit" :on-exceed="exceedLimit">
						<button class="btn-upload">
							<i class="icon i-upload"></i>
							<span>上传文件</span>
						</button>
					</el-upload>
				</div>
			</div>
		</layer>
		<!-- 案卡维度 -->
		<layer class="layer-form-inline" :data="caseCardDimension.layer" @on-ok="addCaseCardDimension">
			<el-form :inline="true" :model="caseCardDimension.form">
				<el-form-item label="机关" prop="organ">
					<el-select v-model="caseCardDimension.form.organ" placeholder="请选择...">
						<el-option label="受理机关" value="1"></el-option>
						<el-option label="立案机关" value="2"></el-option>
						<el-option label="刑拘机关" value="3"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="机关名称" prop="organName">
					<el-input v-model="caseCardDimension.form.organName" placeholder="请输入..."></el-input>
				</el-form-item>
				<el-form-item label="办案人职属" prop="caseJob">
					<el-select v-model="caseCardDimension.form.caseJob" placeholder="请选择...">
						<el-option label="民警" value="1"></el-option>
						<el-option label="检察官" value="2"></el-option>
						<el-option label="法官" value="3"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="办案职属人姓名" prop="caseJobName">
					<el-input v-model="caseCardDimension.form.caseJobName" placeholder="请输入..."></el-input>
				</el-form-item>
				<el-form-item label="办案职属人电话" prop="casePhone">
					<el-input v-model="caseCardDimension.form.casePhone" placeholder="请输入..."></el-input>
				</el-form-item>
				<el-form-item label="刑事案件阶段" prop="stage">
					<el-input v-model="caseCardDimension.form.stage" placeholder="请输入..."></el-input>
				</el-form-item>
				<el-form-item label="时间" prop="time">
					<el-date-picker v-model="caseCardDimension.form.time" value-format="yyyy-MM-dd" type="date" placeholder="请选择...">
					</el-date-picker>
				</el-form-item>
				<el-form-item class="form-block" label="备注" prop="remark">
					<el-input type="textarea" v-model="caseCardDimension.form.remark" placeholder="请输入..."></el-input>
				</el-form-item>
			</el-form>
			<div class="el-form-item form-upload">
				<label class="el-form-item__label"></label>
				<div class="el-form-item__content">
					<el-upload class="upload-demo" :action="uploadData.url" :before-upload="beforeUploadFile" :on-success="uploadFileSuccess"
					 :on-remove="removeFileList" :file-list="uploadData.fileList" :limit="uploadData.limit" :on-exceed="exceedLimit">
						<button class="btn-upload">
							<i class="icon i-upload"></i>
							<span>上传文件</span>
						</button>
					</el-upload>
				</div>
			</div>
		</layer>
		<!-- 案卷维度 -->
		<layer :data="caseDimension.layer" @on-ok="addCaseDimension">
			<el-form :model="caseDimension.form">
				<el-form-item label="证据类型" prop="evidenceType">
					<el-select v-model="caseDimension.form.evidenceType" placeholder="请选择...">
						<el-option label="客户证件" value="1"></el-option>
						<el-option label="案件撤销" value="2"></el-option>
						<el-option label="证据收集" value="3"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="文件类型" prop="fileType">
					<el-select v-model="caseDimension.form.fileType" placeholder="请选择...">
						<el-option label="身份证复印件" value="1"></el-option>
						<el-option label="工作证明材料" value="2"></el-option>
						<el-option label="银行卡复印件" value="3"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="备注" prop="remark">
					<el-input type="textarea" v-model="caseDimension.form.remark" placeholder="请输入..."></el-input>
				</el-form-item>
			</el-form>
			<div class="el-form-item form-upload">
				<label class="el-form-item__label"></label>
				<div class="el-form-item__content">
					<el-upload class="upload-demo" :action="uploadData.url" :before-upload="beforeUploadFile" :on-success="uploadFileSuccess"
					 :on-remove="removeFileList" :file-list="uploadData.fileList" :limit="uploadData.limit" :on-exceed="exceedLimit">
						<button class="btn-upload">
							<i class="icon i-upload"></i>
							<span>上传文件</span>
						</button>
					</el-upload>
				</div>
			</div>
		</layer>

		<!-- 初查记录 -->
		<layer class="layer-form-inline" :data="proposalLayer" @on-ok="saveProposal">
			<el-form :inline="true">
				<el-form-item label="风险类别">
					<el-select v-model="riskCategoryForm.id" placeholder="请选择风险类别" @change="riskCategoryChange">
						<el-option v-for="item in dicts.riskCategory" :key="item.value" :label="item.name" :value="item.id"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="风险类型">
					<el-select v-model="riskTypeForm.value" placeholder="请选择风险类型" @change="riskTypeChange" no-data-text="请先选择风险类别">
						<el-option v-for="item in riskTypeList" :key="item.id" :label="item.name" :value="item.value"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="风险等级">
					<el-select v-model="riskLevelForm.value" placeholder="请选择风险等级" @change="riskLevelChange" no-data-text="请先选择风险类型">
						<el-option v-for="item in riskLevelList" :key="item.id" :label="item.name" :value="item.value"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item class="form-block is-required" prop="riskDetails" label="调查结果">
					<el-select v-model="riskDetailsForm.value" placeholder="请选择调查结果" filterable allow-create>
						<el-option v-for="item in riskDetailsList" :key="item.id" :label="item.name" :value="item.name"></el-option>
					</el-select>
				</el-form-item>
			</el-form>
			<div class="el-form--inline el-form-item form-block">
				<label class="el-form-item__label">附件</label>
				<div class="el-form-item__content">
					<el-upload class="upload-demo" :action="uploadData.url" :before-upload="beforeUploadFile" :on-success="uploadFileSuccess"
					 :on-remove="removeFileList" :file-list="uploadData.fileList" :limit="uploadData.limit" :on-exceed="exceedLimit">
						<button class="btn-upload">
							<i class="icon i-upload"></i>
							<span>上传文件</span>
						</button>
						<!-- <div slot="tip" class="el-upload__tip">上传文件大小不能超过100MB</div> -->
					</el-upload>
				</div>
			</div>

		</layer>
	</div>
</template>
<script>
	import detailCase from './detail'

	export default {
		name: 'detailCase',
		mixins: [detailCase]
	}
</script>